<script>
	export default {
		onLaunch: function () {
			console.log("App Launch");
		},
		onShow: function () {
			console.log("App Show");
		},
		onHide: function () {
			console.log("App Hide");
		},
	};
</script>

<style lang="scss">
	/*每个页面公共css */
	page {
		background-color: $bg-color;
	}

	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	.flex-1 {
		flex: 1;
	}

	.flex {
		display: flex;
	}

	.row {
		flex-direction: row;
	}

	.column {
		flex-direction: column;
	}

	.align-center {
		align-items: center;
	}

	.align-base {
		align-items: baseline;
	}

	.align-end {
		align-items: flex-end;
	}

	.align-start {
		align-items: flex-start;
	}

	.just-between {
		justify-content: space-between;
	}

	.just-end {
		justify-content: flex-end;
	}

	.just-center {
		justify-content: center;
	}

	.just-start {
		justify-content: flex-start;
	}

	.f-14 {
		font-size: 14rpx;
	}
	.f-20 {
		font-size: 20rpx;
	}
	.f-22 {
		font-size: 22rpx;
	}
	.f-24 {
		font-size: 24rpx;
	}
	.f-26 {
		font-size: 26rpx;
	}
	.f-28 {
		font-size: 28rpx;
	}
	.f-30 {
		font-size: 30rpx;
	}
	.f-32 {
		font-size: 32rpx;
	}
	.f-34 {
		font-size: 34rpx;
	}
	.f-36 {
		font-size: 36rpx;
	}
	.f-38 {
		font-size: 38rpx;
	}
	.f-40 {
		font-size: 40rpx;
	}
	.f-42 {
		font-size: 42rpx;
	}
	.f-44 {
		font-size: 44rpx;
	}
	.f-46 {
		font-size: 46rpx;
	}
	.f-48 {
		font-size: 48rpx;
	}
	.f-50 {
		font-size: 50rpx;
	}
	.f-52 {
		font-size: 52rpx;
	}
	.f-54 {
		font-size: 54rpx;
	}
	.f-56 {
		font-size: 56rpx;
	}

	.fBold {
		font-weight: bold;
	}

	// 自定义tabBar可以使用的
	.paddingBottom {
		padding-bottom: Max(
			calc(20rpx + var(--bottom-height)),
			calc(env(safe-area-inset-bottom) + var(--bottom-height))
		) !important;
	}

	.safe-area {
		padding-bottom: Max(env(safe-area-inset-bottom), 20rpx) !important;
	}

	.limit-num-line {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: var(--limit-num);
		overflow: hidden;
		word-break: break-all;
		text-overflow: ellipsis;
	}

	swiper,
	swiper-item {
		width: 100%;
		height: 100%;
	}

	view,
	text {
		line-height: 1;
	}

	.bg-img-set {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
</style>
